<el-card id="register-page">
	<div slot="header" class="card-label">
		<el-col :sm="5" class="icon-button">
			<router-link :to="{path: '/login'}">
				<el-button type="primary" icon="el-icon-back" circle size="medium"></el-button>
			</router-link>
		</el-col>
		<el-col :sm="14" class="title"><span>欢迎注册商城管理系统</span></el-col>
	</div>
	<el-form :model="sysUser" :rules="rules" ref="registerForm" size="medium">
		<el-row>
			<el-form-item label="用户名" prop="userName">
				<el-col :sm="24" class="input">
					<el-input prefix-icon="el-icon-s-custom" v-model="sysUser.userName" autocomplete="on" clearable></el-input>
				</el-col>
			</el-form-item>
		</el-row>
		<el-row>
			<el-form-item label="密码" prop="password">
				<el-col :sm="24" class="input">
					<el-input prefix-icon="el-icon-unlock" v-model="sysUser.password" autocomplete="on" show-password clearable></el-input>
				</el-col>
			</el-form-item>
		</el-row>
		<el-row>
			<el-form-item label="确认密码" prop="repassword">
				<el-col :sm="24" class="input">
					<el-input prefix-icon="el-icon-unlock" v-model="sysUser.repassword" autocomplete="on" show-password clearable></el-input>
				</el-col>
			</el-form-item>
		</el-row>
		<el-row>
			<el-form-item label="手机" prop="phone">
				<el-col :sm="24" class="input">
					<el-input prefix-icon="el-icon-mobile-phone" v-model="sysUser.phone" autocomplete="on" clearable></el-input>
				</el-col>
			</el-form-item>
		</el-row>
		<el-row>
			<el-form-item label="邮箱" prop="email">
				<el-col :sm="24" class="input">
					<el-input prefix-icon="el-icon-postcard" v-model="sysUser.email" autocomplete="on" clearable></el-input>
				</el-col>
			</el-form-item>
		</el-row>
		<el-row>
			<el-form-item>
				<el-col :sm="24" class="register-button">
					<el-button type="primary" @click="create()">注册</el-button>
				</el-col>
			</el-form-item>
		</el-row>
	</el-form>
</el-card>
